body {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar {
	margin-bottom: 20px;
}

.flag {
	width: 16px;
	height: 11px;
	background: url(flags.png) no-repeat
}

.flag.flag-es {
	background-position: -16px 0
}

.flag.flag-gb {
	background-position: 0 -11px
}

/*CUSTOM BREADCRUMB*/
.breadcrumb {
	/*color: #cccccc;*/
	background-color: #202530;
	color: #777777;
}

.breadcrumb>li+li:before {
	content: ">>\00a0";
	color: #777777;
	background-color: transparent;
}

.breadcrumb>.active {
	/*color: #000000;*/
	color: #ffffff;
}

/*this is what we want the div to look like
    when it is not showing*/
div.loading-invisible {
	/*make invisible*/
	display: none;
}

/*this is what we want the div to look like
    when it IS showing*/
div.loading-visible {
	/*make visible*/
	display: block;
	/*position it 200px down the screen*/
	position: absolute;
	top: 200px;
	left: 0;
	height: 19%;
	width: 100%;
	text-align: center;
	/*in supporting browsers, make it
      a little transparent*/
	background: #fff;
	filter: alpha(opacity = 75); /* internet explorer */
	-khtml-opacity: 0.75; /* khtml, old safari */
	-moz-opacity: 0.75; /* mozilla, netscape */
	opacity: 0.75; /* fx, safari, opera */
	/*border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;*/
}

#zip-files {
	padding: 0;
	margin-left: 0;
	list-style: disc url(../img/zip-icon.png) inside;
	/*background-color: #b0c4de;*/
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}

input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.panel-default {
	border-color: #265160;
}

.panel-default>.panel-heading {
	color: #ffffff;
	background-color: #202530;
	border-color: #265160;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #265160;
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #265160;
}

.btn-primary {
	color: #ffffff;
	background-color: #202530;
	border-color: #265160;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #265160;
  border-color: #202530;
}

/* TREE STYLE */
ul.tree,ul.tree ul {
	list-style-type: none;
	background: url(../img/vline.png) repeat-y;
	margin: 0;
	padding: 0;
}

ul.tree ul {
	margin-left: 10px;
}

ul.tree li {
	margin: 0;
	padding: 0 12px;
	line-height: 20px;
	background: url(../img/node.png) no-repeat;
	color: #369; 
	font-weight: bold;
}

ul.tree li.highlight {
	color: #000;
	text-decoration: none;
}

ul.tree li.last {
	background: #f5f5f5 url(../img/lastnode.png) no-repeat;
}

div.example {
	background-color: #fff;
	border: dashed 2px #ccc;
	margin: auto 2em;
	padding: 1em;
}

/*@media ( min-width : 1200px) {
	.container {
		max-width: 1200px;
	}
}*/

.navbar {
	background-color: #202530;
	min-height: 75px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #202530;
}

*:focus {
	outline: none;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	outline: 0;
	color: #ffffff;
	background-color: #202530;
	border: 1px solid #265160;
	
}

.form-control {
  border: 1px solid #265160;
}

.form-inline .form-group select {
    width:275px;
}

.label-primary {
	background-color: #202530;
	border-color: #265160;
}

